<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en" itemscope itemtype="http://schema.org/Product"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Quiz Question page</title>
   <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
  <div class="outshell">
    <div class="innershell">
      <div class="content">
        <div class="top-content">
          <div class="header">
            <div class="title">
              <h4>Technology Management</h4>  
            </div>
            <div class="page_number">
             <p><span>1 </span> of <span>15</span> </p>
            </div>
          </div>
          <div class="clear"></div>
          <div class="hero-text">
            <iframe width="950" height="400" src="http://www.youtube.com/embed/AuX7nPBqDts" frameborder="0" allowfullscreen></iframe>
          </div>      
        </div>
        <div class="clear"></div>
        <div class="bottom-content">
          <div class="bottom-left">
            <h3>Case</h3>
            <p>I LIKE TO READ THESE CASE STUDIES</p>
            <P>They teach something</P>
            <p>I learned about Business story</p>
            

          </div>
          <div class="bottom-right">
            <h3>What do you like about <span>CASE STUDIES</span></h3>
            

          </div>
          <div class="clear"></div>
          <div class="bottom-nav">
            <div class="left">
              <ul>
                <li class="help">Help</li>
                <li class="end-analysis">End Analysis</li>
              </ul>
            </div>
            <div class="center">
              <p class="flag-for-review">Flag for Review</p>
            </div>
            <div class="right">
              <ul>
                <li class="next">Next</li>
                <li class="previous">Previous</li>
              </ul>
            </div>
            

          </div>

        </div>
      

      </div>
    </div>
  </div>



  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script>
</body>
</html>
